<template>
  <!--
  on-success:文件上传成功触发的事件  拿到上传成功的数据
  before-upload:上传之前触发事件,文件上传时校验,如:限制文件上传的大小
 -->
  <upload-excel :on-success="handleSuccess" />
</template>

<script>
import { reqImportEmployee } from '@/api/employees'
export default {
  name: 'Import',
  data() {
    return {

    }
  },
  methods: {

    async handleSuccess({ header, results }) {
      if (this.$route.query.type === 'user') {
        this.handleEmployee(header, results)
      }
    },
    handleEmployee(header, results) {
    // console.log(header, results)
      // 得到数据后,批量上传员工数据
      // 得到的诗句格式,对象属性是中文

      // header中, results中的数据是中文的, 但是提交给后台的要是英文的
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }
      const arr = []
      results.forEach(item => {
        const obj = {}
        for (const k in item) {
          const engilshkey = userRelations[k]
          obj[engilshkey] = item[k]
        }
        arr.push(obj)
      })
      // console.log(arr)
      // 调用导入接口 员工批量上传
      reqImportEmployee(arr) // 调用导入接口
      // 成功提示
      this.$message.success('批量上传员工信息成功')
      this.$router.push('/employees')
    },
    // 转换excel的日期格式
    formatExcelDate(numb, format) {
      const time = new Date((numb - 1) * 24 * 3600000 + 1)
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}

</script>

<style>

</style>
